<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
</head>
<body>

	选择器

		标签
		class
		id
		*
		xx xx 后代
		xx>xx 子代
		xx,xx 并集
		xxxx  交集
		nth-child()
		nth-of-type()
		xx+xx 下一个兄弟
		a[href] 属性选择器
		:active 鼠标按下
		:hover  鼠标移入

		::first-line  	第一行
		::first-letter 	第一个字
		::selection 	选中样式


	属性

		布局
			display:inline-block
			float
			display:flex
			position
		文本
			font-size
			font-weight
			font-style
			font-family
			color
			text-align
			text-indent 			控制首行缩进
			text-decoration 		设置下划线
			line-height				行高
			word-break 				设置浏览器换行规则
			white-space 			设置文本 不进行换行
			vertical-align 			文本垂直对齐方式
		定位
			relative 				相对
			absolute 				绝对
			fixed 					固定
			sticky 					粘性
			z-index 				设置 堆叠顺序
		盒模型
			width
			height
			padding
			margin
			border
			box-sizing:border-box  	改为 IE盒模型
		背景
			background-color
				纯色
				linear-gradient 	线性渐变
				radial-gradient 	径向渐变
			background-image
				background-size
				background-position
				background-repeat
		弹性盒子
			flex-direction
			flex-wrap
			justify-content
			align-items
			align-content 			控制行与行排列
			flex 					控制 子元素如何分配空间
		css3新增属性
			flex
			border-radius
			box-shadow
			text-shadow
			transtion 				过渡
			transform 				旋转 位移 倾斜 缩小放大
			animation 				动画
</body>
</html>